<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册</title>


    
<!-- 引入网页图标 -->
    <link rel="icon" href="../favicon.ico" mce_href="../favicon.ico" type="../image/x-icon">
    <!-- 引入css文件夹下的comm.css样式文件 -->
    <link type="text/css" rel="stylesheet" href="../css/comm.css">
    <!-- 引入css文件夹下的member_login.css样式 -->
    <link href="../css/member_login.css" rel="stylesheet" type="text/css">
    <!-- 引入css文件夹下的font-awesome.min.css 这是字体样式-->
    <link href="../css/font-awesome.min.css" rel="stylesheet" />

    
</head>
<div class="header">
    <div class="top">
        <div class="w1200 clearfix p">
            <div class="fl">
                <a href="javascript:void(0);" rel="nofollow">花言巧语，1-2小时送达，全国配送！</a>

            </div>
            <!-- 页面跳转 -->
            <div class="fr">
                <a href="登录.html" class="nologin">登录</a>
                <a href="个人中心.html" class="haslogin" rel="nofollow">个人中心</a> |
                <a href="注册.html" class="nologin" rel="nofollow">注册</a>
                <a href="退出.html" class="haslogin" rel="nofollow">退出</a> |
                <a href="订单查询.html">订单查询</a> |
                <a href="常见问题.html" rel="nofollow">常见问题</a> |
                <a href="关于我们.html" rel="nofollow">关于我们</a>
                <a href="购物车.html" rel="nofollow" class="cart"> <span class="ico ico-cart"></span>购物车（<span
                        class="cart-num">0</span>）</a>
            </div>
        </div>
    </div>


    <!-- FLOWER图标 -->
    <div class="p-head clearfix">

        <h1 class="logo fl">
            <a href="index.html" title="鲜花店">
                <img src="../images/txhua.png" alt="鲜花店" height="60px" />
            </a>
        </h1>


        <div class="nav fl">
            <ul class="nav_list clearfix">
                <li class="curr"><a href="../index.html">首页</a></li>
                <li><a href="/hua">全部鲜花</a></li>
                <li><a href="/hualan">开业花篮</a></li>
                <li><a href="/lvzhi">绿植专区</a></li>
                <li><a href="/dangao">美味蛋糕</a></li>
                <li><a href="/liping-1171-0-0-0">永生花</a></li>
                <li><a href="/liping">礼品好物</a></li>
            </ul>
        </div>

        <div class="search fr">
            <div class="ss clearfix">
                <div class="keyword fl">
                    <input name="keyword" id="keyword" placeholder="请输入您要搜索的商品" />
                </div>
                <span class="button fl"><img src="../images/搜索.png" class="ico ico-search"></img></span>
            </div>
        </div>

    </div>

</div>
<div id="append_parent"></div>
<div id="ajaxwaitid"></div>

<!-- 以上部分是基本样式 -->

<div class="nc-register-bg">
    <div class="nc-register-box">
        <div class="nc-register-layout">

            <div class="nc-register-mode">
                <ul class="tabs-nav">
                    <li><a href="#default">账号注册<i></i></a></li>
                    <li><a href="#mobile">手机注册<i></i></a></li>
                </ul>
                <div id="tabs_container" class="tabs-container">
                    <div id="default" class="tabs-content">
                        <form id="register_form" class="nc-login-form" method="post"
                            action="http://www.liloveyou.com/shop/index.php?act=login&op=usersave">
                            <input type='hidden' name='formhash' value='u4uJhl7lDX19cIzOjZkGAhvomekkrlX' />
                            <dl>
                                <dt>用户名：</dt>
                                <dd>
                                    <input type="text" id="user_name" name="user_name" class="text"
                                        tipMsg="请使用3-15个中、英文、数字及“-”符号" />
                                </dd>
                            </dl>
                            <dl>
                                <dt>设置密码：</dt>
                                <dd>
                                    <input type="password" id="password" name="password" class="text"
                                        tipMsg="6-20个大小写英文字母、符号或数字" />
                                </dd>
                            </dl>
                            <dl>
                                <dt>确认密码：</dt>
                                <dd>
                                    <input type="password" id="password_confirm" name="password_confirm" class="text"
                                        tipMsg="请再次输入密码" />
                                </dd>
                            </dl>
                            <dl class="mt15">
                                <dt>邮箱：</dt>
                                <dd>
                                    <input type="text" id="email" name="email" class="text"
                                        tipMsg="输入常用邮箱作为验证及找回密码使用" />
                                </dd>
                            </dl>
                            <div class="code-div mt15">
                                <dl>
                                    <dt>验证码：</dt>
                                    <dd>
                                        <input type="text" style="width: 130px;" id="captcha" name="captcha"
                                            class="text w80" size="10" tipMsg="输入验证码" />
                                    </dd>
                                </dl>
                                <!-- 需要修改,验证码图片 -->
                                <span><img src="index.php?act=seccode&op=makecode&type=50,120&nchash=2a7b5020"
                                        name="codeimage" id="codeimage" /> <a class="makecode" href="javascript:void(0)"
                                        onclick="javascript:document.getElementById('codeimage').src='index.php?act=seccode&op=makecode&type=50,120&nchash=2a7b5020&t=' + Math.random();">看不清，换一张</a></span>
                            </div>
                            <dl class="clause-div">
                                <dd>
                                    <input name="agree" type="checkbox" class="checkbox" id="clause" value="1"
                                        checked="checked" />
                                    阅读并同意<a href="/index.php?act=document&op=index&code=agreement" target="_blank"
                                        class="agreement" title="阅读并同意">《服务协议》</a>
                                </dd>
                            </dl>
                            <div class="submit-div">
                                <input type="submit" id="Submit" value="立即注册" class="submit" />
                            </div>
                            <div class="submit-div">
                                <div class="turn-regist" onclick="go('/index.php?act=login&op=index')">已有账号，立即登录</div>
                            </div>
                            <input type="hidden" value="" name="ref_url">
                            <input name="nchash" type="hidden" value="2a7b5020" />
                            <input type="hidden" name="form_submit" value="ok" />
                        </form>
                    </div>
                    <div id="mobile" class="tabs-content">
                        <form id="post_form" method="post" class="nc-login-form">
                            <input type='hidden' name='formhash' value='6mekbHS4TLPqFHg-P2lpqHfUALKRoTL' /> <input
                                type="hidden" name="form_submit" value="ok" />
                            <input name="nchash" type="hidden" value="2a7b5020" />
                            <dl>
                                <dt>手机号：</dt>
                                <dd>
                                    <input type="text" class="text" tipMsg="请输入手机号码" autocomplete="off" value=""
                                        name="phone" id="phone">
                                </dd>
                            </dl>
                            <div class="code-div">
                                <dl>
                                    <dt>验证码：</dt>
                                    <dd>
                                        <input type="text" style="width: 130px;" name="captcha" class="text w100"
                                            id="image_captcha" size="10" tipMsg="输入验证码" />
                                    </dd>
                                </dl>
                                <span><img src="index.php?act=seccode&op=makecode&type=50,120&nchash=2a7b5020" title=""
                                        name="codeimage" id="sms_codeimage"><a class="makecode"
                                        href="javascript:void(0);"
                                        onclick="javascript:document.getElementById('sms_codeimage').src='index.php?act=seccode&op=makecode&type=50,120&nchash=2a7b5020&t=' + Math.random();">看不清，换一张</a></span>
                            </div>
                            <div class="tiptext" id="sms_text">确保上方验证码输入正确，点击<span><a href="javascript:void(0);"
                                        onclick="get_sms_captcha('1')"><i
                                            class="icon-mobile-phone"></i>发送短信验证</a></span>，并将您手机短信所接收到的“6位动态码”输入到下方短信验证，再提交下一步。
                            </div>
                            <dl>
                                <dt>短信验证：</dt>
                                <dd>
                                    <input type="text" style="width: 130px;" name="sms_captcha" autocomplete="off"
                                        tipMsg="输入6位短信验证码" class="text" id="sms_captcha" size="15" />
                                </dd>
                            </dl>
                            <div class="submit-div">
                                <input type="button" id="submitBtn" class="submit" value="下一步">
                            </div>
                        </form>
                        <form style="display: none;" id="register_sms_form" class="nc-login-form" method="post"
                            action="http://www.liloveyou.com/shop/index.php?act=connect_sms&op=register">
                            <input type="hidden" name="form_submit" value="ok" />
                            <input type="hidden" name="register_captcha" id="register_sms_captcha" value="" />
                            <input type="hidden" name="register_phone" id="register_phone" value="" />
                            <dl>
                                <dt>用户名：</dt>
                                <dd>
                                    <input type="text" id="member_name" name="member_name" class="text w150" value="" />
                                </dd>
                                <span class="note">系统生成随机用户名，可选择默认或自行修改一次。</span>
                            </dl>
                            <dl>
                                <dt>设置密码：</dt>
                                <dd>
                                    <input type="text" id="sms_password" name="password" class="text w150" value="" />
                                </dd>
                                <span class="note">系统生成随机密码，请牢记或修改为自设密码。</span>
                            </dl>
                            <dl class="mt15">
                                <dt>邮箱：</dt>
                                <dd>
                                    <input type="text" id="sms_email" name="email" class="text" value=""
                                        tipMsg="输入常用邮箱作为验证及找回密码使用" />
                                </dd>
                            </dl>
                            <dl class="clause-div">
                                <dd>
                                    <input name="agree" type="checkbox" class="checkbox" id="sms_clause" value="1"
                                        checked="checked" />
                                    阅读并同意<a href="/index.php?act=document&op=index&code=agreement" target="_blank"
                                        class="agreement" title="阅读并同意">《服务协议》</a>
                                </dd>
                            </dl>
                            <div class="submit-div">
                                <input type="submit" value="提交注册" class="submit" title="提交注册" />
                            </div>
                        </form>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
<script>
    $(function () {
        //初始化Input的灰色提示信息  
        $('input[tipMsg]').inputTipText({ pwd: 'password,password_confirm' });
        //注册方式切换
        $('.nc-register-mode').tabulous({
            //动画缩放渐变效果effect: 'scale'
            effect: 'slideLeft'//动画左侧滑入效果
            //动画下方滑入效果 effect: 'scaleUp'
            //动画反转效果 effect: 'flip'
        });
        var div_form = '#default';
        $(".nc-register-mode .tabs-nav li a").click(function () {
            if ($(this).attr("href") !== div_form) {
                div_form = $(this).attr('href');
                $("" + div_form).find(".makecode").trigger("click");
            }
        });

        //注册表单验证
        $("#register_form").validate({
            errorPlacement: function (error, element) {
                var error_td = element.parent('dd');
                error_td.append(error);
                element.parents('dl:first').addClass('error');
            },
            success: function (label) {
                label.parents('dl:first').removeClass('error').find('label').remove();
            },
            submitHandler: function (form) {
                ajaxpost('register_form', '', '', 'onerror');
            },
            onkeyup: false,
            rules: {
                user_name: {
                    required: true,
                    lettersmin: true,
                    lettersmax: true,
                    letters_name: true,
                    remote: {
                        url: 'index.php?act=login&op=check_member&column=ok',
                        type: 'get',
                        data: {
                            user_name: function () {
                                return $('#user_name').val();
                            }
                        }
                    }
                },
                password: {
                    required: true,
                    minlength: 6,
                    maxlength: 20
                },
                password_confirm: {
                    required: true,
                    equalTo: '#password'
                },
                email: {
                    required: true,
                    email: true,
                    remote: {
                        url: 'index.php?act=login&op=check_email',
                        type: 'get',
                        data: {
                            email: function () {
                                return $('#email').val();
                            }
                        }
                    }
                },
                captcha: {
                    required: true,
                    remote: {
                        url: 'index.php?act=seccode&op=check&nchash=2a7b5020',
                        type: 'get',
                        data: {
                            captcha: function () {
                                return $('#captcha').val();
                            }
                        },
                        complete: function (data) {
                            if (data.responseText == 'false') {
                                document.getElementById('codeimage').src = 'index.php?act=seccode&op=makecode&type=50,120&nchash=2a7b5020&t=' + Math.random();
                            }
                        }
                    }
                },
                agree: {
                    required: true
                }
            },
            messages: {
                user_name: {
                    required: '<i class="icon-exclamation-sign"></i>用户名不能为空',
                    lettersmin: '<i class="icon-exclamation-sign"></i>用户名必须在3-15个字符之间',
                    lettersmax: '<i class="icon-exclamation-sign"></i>用户名必须在3-15个字符之间',
                    letters_name: '<i class="icon-exclamation-sign"></i>可包含“_”、“-”，不能是纯数字',
                    remote: '<i class="icon-exclamation-sign"></i>该用户名已经存在'
                },
                password: {
                    required: '<i class="icon-exclamation-sign"></i>密码不能为空',
                    minlength: '<i class="icon-exclamation-sign"></i>密码长度应在6-20个字符之间',
                    maxlength: '<i class="icon-exclamation-sign"></i>密码长度应在6-20个字符之间'
                },
                password_confirm: {
                    required: '<i class="icon-exclamation-sign"></i>请再次输入密码',
                    equalTo: '<i class="icon-exclamation-sign"></i>两次输入的密码不一致'
                },
                email: {
                    required: '<i class="icon-exclamation-sign"></i>电子邮箱不能为空',
                    email: '<i class="icon-exclamation-sign"></i>这不是一个有效的电子邮箱',
                    remote: '<i class="icon-exclamation-sign"></i>该电子邮箱已经存在'
                },
                captcha: {
                    required: '<i class="icon-remove-circle" title="请输入验证码"></i>',
                    remote: '<i class="icon-remove-circle" title="验证码不正确"></i>'
                },
                agree: {
                    required: '<i class="icon-exclamation-sign"></i>请勾选服务协议'
                }
            }
        });
    });
</script>
<script type="text/javascript" src="../js/connect_sms.js" charset="utf-8"></script>
<script>
    $(function () {
        $("#submitBtn").click(function () {
            if ($("#post_form").valid()) {
                check_captcha();
            }
        });
        $("#post_form").validate({
            errorPlacement: function (error, element) {
                var error_td = element.parent('dd');
                error_td.append(error);
                element.parents('dl:first').addClass('error');
            },
            success: function (label) {
                label.parents('dl:first').removeClass('error').find('label').remove();
            },
            onkeyup: false,
            rules: {
                phone: {
                    required: true,
                    mobile: true
                },
                captcha: {
                    required: true,
                    minlength: 4,
                    remote: {
                        url: 'index.php?act=seccode&op=check&nchash=2a7b5020',
                        type: 'get',
                        data: {
                            captcha: function () {
                                return $('#image_captcha').val();
                            }
                        },
                        complete: function (data) {
                            if (data.responseText == 'false') {
                                document.getElementById('sms_codeimage').src = 'index.php?act=seccode&op=makecode&type=50,120&nchash=2a7b5020&t=' + Math.random();
                            }
                        }
                    }
                },
                sms_captcha: {
                    required: function (element) {
                        return $("#image_captcha").val().length == 4;
                    },
                    minlength: 6
                }
            },
            messages: {
                phone: {
                    required: '<i class="icon-exclamation-sign"></i>输入正确的手机号',
                    mobile: '<i class="icon-exclamation-sign"></i>输入正确的手机号'
                },
                captcha: {
                    required: '<i class="icon-remove-circle" title="请输入验证码"></i>',
                    minlength: '<i class="icon-remove-circle" title="请输入验证码"></i>',
                    remote: '<i class="icon-remove-circle" title="验证码不正确"></i>'
                },
                sms_captcha: {
                    required: '<i class="icon-exclamation-sign"></i>请输入六位短信动态码',
                    minlength: '<i class="icon-exclamation-sign"></i>请输入六位短信动态码'
                }
            }
        });
        $('#register_sms_form').validate({
            errorPlacement: function (error, element) {
                var error_td = element.parent('dd');
                error_td.append(error);
                element.parents('dl:first').addClass('error');
            },
            success: function (label) {
                label.parents('dl:first').removeClass('error').find('label').remove();
            },
            submitHandler: function (form) {
                ajaxpost('register_sms_form', '', '', 'onerror');
            },
            rules: {
                member_name: {
                    required: true,
                    lettersmin: true,
                    lettersmax: true,
                    letters_name: true,
                    remote: {
                        url: 'index.php?act=login&op=check_member&column=ok',
                        type: 'get',
                        data: {
                            user_name: function () {
                                return $('#member_name').val();
                            }
                        }
                    }
                },
                password: {
                    required: true,
                    minlength: 6,
                    maxlength: 20
                },
                email: {
                    email: true,
                    remote: {
                        url: 'index.php?act=login&op=check_email',
                        type: 'get',
                        data: {
                            email: function () {
                                return $('#sms_email').val();
                            }
                        }
                    }
                },
                agree: {
                    required: true
                }
            },
            messages: {
                member_name: {
                    required: '<i class="icon-exclamation-sign"></i>用户名不能为空',
                    lettersmin: '<i class="icon-exclamation-sign"></i>用户名必须在3-15个字符之间',
                    lettersmax: '<i class="icon-exclamation-sign"></i>用户名必须在3-15个字符之间',
                    letters_name: '<i class="icon-exclamation-sign"></i>可包含“_”、“-”，不能是纯数字',
                    remote: '<i class="icon-exclamation-sign"></i>该用户名已经存在'
                },
                password: {
                    required: '<i class="icon-exclamation-sign"></i>密码不能为空',
                    minlength: '<i class="icon-exclamation-sign"></i>密码长度应在6-20个字符之间',
                    maxlength: '<i class="icon-exclamation-sign"></i>密码长度应在6-20个字符之间'
                },
                email: {
                    email: '<i class="icon-exclamation-sign"></i>这不是一个有效的电子邮箱',
                    remote: '<i class="icon-exclamation-sign"></i>该电子邮箱已经存在'
                },
                agree: {
                    required: '<i class="icon-exclamation-sign"></i>请勾选服务协议'
                }
            }
        });
    });
</script>

<div class="footer">
    <div class="baozheng clearfix">
        <div class="fl s1"><span class="ico"></span>优质花材 品质保障</div>
        <div class="fl s2"><span class="ico"></span>急速配送 送货上门</div>
        <div class="fl s3"><span class="ico"></span>强大服务 售后无忧</div>
        <div class="fl s4"><span class="ico"></span>原创花艺 特色服务</div>
    </div>
    <div class="nav-art clearfix">
        <div class="fl art clearfix">

            <ul class="fl">
                <li class="tit">购物相关</li>
                <li class="list"><a href="/article-22.html" rel="nofollow">品牌服务</a></li>
                <li class="list"><a href="/article-23.html" rel="nofollow">购物流程</a></li>
                <li class="list"><a href="/article-25.html" rel="nofollow">注册会员</a></li>
                <li class="list"><a href="/article-24.html" rel="nofollow">每季鲜花</a></li>
            </ul>

            <ul class="fl">
                <li class="tit">配送方式</li>
                <li class="list"><a href="/article-26.html" rel="nofollow">配送范围</a></li>
                <li class="list"><a href="/article-31.html" rel="nofollow">定时配送</a></li>
                <li class="list"><a href="/article-32.html" rel="nofollow">配送说明</a></li>

            </ul>
            <ul class="fl">
                <li class="tit">售后服务</li>
                <li class="list"><a href="/article-16.html" rel="nofollow">投诉说明</a></li>
                <li class="list"><a href="/article-30.html" rel="nofollow">鲜花售后服务</a></li>
                <li class="list"><a href="/article-46.html" rel="nofollow">绿植售后服务</a></li>
                <li class="list"><a href="/article-47.html" rel="nofollow">蛋糕售后服务</a></li>
            </ul>
            <ul class="fl">
                <li class="tit">帮助中心</li>
                <li class="list"><a href="/article-11.html" rel="nofollow">关于我们</a></li>
                <li class="list"><a href="/article-12.html" rel="nofollow">安全条款</a></li>
                <li class="list"><a href="/article-13.html" rel="nofollow">隐私条款</a></li>
                <li class="list"><a href="/article-29.html" rel="nofollow">购买须知</a></li>
            </ul>
        </div>
        <div class="fl link">
            <div class="link-tel">
                4008-039-006 </div>
            <div class="link-tel-desc">
                全国订购热线
            </div>
            <div class="link-zx zxnow">
                立即咨询
            </div>
            <div class="link-zx-desc">
                客服工作时间：09:00 - 21:00
            </div>
        </div>
    </div>

    <div class="ic-info">
        德州唯美电子商务有限公司 <br />
        山东省德州市经济技术开发区袁桥镇东方红东路6596号(中元科技创新创业园)<br />
        www.liloveyou.com 版权所有 <a href="https://beian.miit.gov.cn/" rel="nofollow"
            title="安全网站工商备">鲁ICP备2022002290号-4</a>
    </div>
</div>
</body>

</html>

<body>